<template lang="html">
    <div class="com_prd_item">
      <img class="prd_img" :src="prd_item.product_image" mode="aspectFit" />
      <div class="prd_info">
        <span class="prd_title">{{prd_item.product_short_name}}</span>
        <div class="prd_seat">
          <div class="prd_tips" v-if="prd_item.product_tips">{{prd_item.product_tips}}</div>
          <div class="prd_tag">
            <div :class="item === '券' ? 'coupon' : 'discount'" v-for="(item, index) in prd_item.activity_tab_names" :key="index" >{{item}}</div>
            <!-- <div class="coupon"></div> -->
          </div>
        </div>
        <div class="prd_price">
          <span :class="is_vip ? 'buy_price' : 'buy_price no_vip'">¥{{prd_item.activity && prd_item.activity.activity_price ? prd_item.activity.activity_price : prd_item.product_unit_price}}</span>
          <div class="price_icon" v-if="is_vip ? true ? prd_item.discount : true : false">/</div>
          <span :class="is_vip ? 'buy_tips' : 'buy_tips no_vip'">{{is_vip  ?  prd_item.discount ?  "赚" + prd_item.discount : '' : '￥'+ prd_item.product_market_price}}</span>
        </div>
        <div class="prd_info_bottom">
          <div class="prd_sale">
            <div class="sale_icon"></div>
            <span class="sale_txt">{{prd_item.product_sale_num}}</span>
          </div>
          <div class="prd_item_btns">
            <div class="buy_btn"  v-if="prd_item.discount ? is_vip ? false : true : true">立即抢购</div>
            <div class="push_prd" catchtap="pushPrd" v-if="is_vip && prd_item.discount">发素材</div>
            <div class="share_prd" catchtap="sharePrd" v-if="is_vip && prd_item.discount">分享赚</div>
          </div>
        </div>
      </div>
    </div>
</template>

<script>
export default {
  props: ['prd_item'],
  data () {
    return {
      is_vip: false
    }
  }
}
</script>

<style lang="css" scoped>

</style>
